<template>
    <table class="table table-striped table-bordered">
        <!-- 表格标题区域 -->
         <thead>
            <slot name="header"></slot>
            <!-- <tr scope="">商品名称</tr>
            <tr scope="">价格</tr>
            <tr scope="">#标签</tr>
            <tr scope="">操作</tr> -->
         </thead>

         <!-- 表格主体区域 -->
          <tbody>
                <tr v-for="(item,index ) in goodsList" :key="item.id">
                    <slot name="body" :row="item" :index="index"></slot>
                </tr>
          </tbody>
    </table>
</template>

<script setup>

const props=defineProps({
    goodsList:{
        type:Array,
        required:true,
        default:[]
    }
})
</script>